<template>
  <div>
    <h1>父组件</h1>
    <p>这是父组件的num:{{ num }}---{{ num2 }}</p><hr>
    <!-- <son :value="num" @input="val=>num=val" /><hr> -->
    <!-- <son :value="num" @input="val=>num=val" /> -->
    <!-- v-model 实现数据双向绑定
        v-model是最上面:value和@input的语法糖,作用是语法更简洁
     -->
    <!-- <son v-model="num" /> -->
    <son :value.sync="num" :value2.sync="num2" />
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      num: 100,
      num2: 200
    }
  }
}
</script>

<style>

</style>
